@charset "utf-8";
@import "commom/reset";
@import "commom/common";
.web {
    header {
        padding-top: r(48px);
        text-align: center;
        .back {
            margin-left: r(23px);
            a {
                display: block;
                font-size: r(32px);
                color: #000000;
                width: r(123px);
                height: r(57px);
                border: r(3px) solid $color;
                border-radius: r(20px);
                text-align: center;
                line-height: r(57px);
            }
        }
        .city {
            margin-top: 0;
        }
        .title {
            font-size: r(26px);
            line-height: r(56px);
        }
    }
    main {
        width: 100%;
        overflow-y: scroll;
        position: absolute;
        top: r(125px);
        bottom: r(155px);
        .details_kv {
            padding: 0 r(24px);
            a {
                display: block;
                width: r(705px);
                max-height: r(260px);
                img {
                    display: block;
                    width: 100%;
                }
            }
        }
        .details_price {
            margin-top: r(26px);
            margin-bottom: r(26px);
            padding: 0 r(44px);
            span {
                display: block;
                font-size: r(72px);
                color: $color;
            }
            a {
                display: block;
                font-size: r(30px);
                color: #FFFFFF;
                width: r(111px);
                height: r(59px);
                background-color: $color;
                border-radius: r(19px);
                text-align: center;
                line-height: r(59px);
                margin-top: r(10px);
            }
        }
        .good {
            width: 100%;
            padding-top: r(25px);
            padding-bottom: r(36px);
            .good_left {
                vertical-align: middle;
                img {
                    vertical-align: middle;
                    width: r(38px);
                    height: r(35px);
                    margin-left: r(47px);
                }
                span {
                    font-size: r(30px);
                    vertical-align: middle;
                    margin-left: r(8px);
                    em {
                        color: $color;
                        padding-left: r(2px);
                    }
                }
            }
            .good_right {
                vertical-align: middle;
                a {
                    margin-right: r(47px);
                    font-size: r(26px);
                    color: #8e8e8e;
                }
            }
        }
        .store {
            padding: 0 r(46px);
            .fit {
                background-color: $color;
                span {
                    font-size: r(30px);
                    line-height: r(67px);
                    color: #FFFFff;
                    padding: 0 r(11px);
                }
            }
            .fit_card {
                margin-top: r(10px);
                .card_left {
                    position: relative;
                    a {
                        display: block;
                        width: r(177px);
                        height: r(176px);
                        img {
                            display: block;
                            width: 100%;
                        }
                    }
                    span{
                        width: 100%;
                        line-height: r(38px);
                        text-align: center;
                        font-size: r(24px);
                        background: rgba(255,255,255,.6);
                        position: absolute;
                        top: r(92px);
                        left: 0;
                    }
                }
                .card_right{
                    width: r(462px);
                    height: r(176px);
                    .card_right_l{
                        p{
                            font-size: r(30px);
                        }
                        .star{
                            margin-top: r(13px);
                            img{
                                display: inline-block;
                                vertical-align: middle;
                                width: r(36px);
                                height: r(34px);
                            }
                            em{
                                display: inline-block;
                                vertical-align: middle;
                                font-size: r(26px);
                                color: #929292;
                            }
                        }
                        span{
                            display: block;
                            font-size: r(24px);
                            color: #929292;
                            margin-top: r(8px);
                        }
                        a{
                            display: block;
                            font-size: r(20px);
                            color: $color;
                            margin-top: r(12px);
                        }
                    }
                    .turn{
                        display: block;
                        width: r(111px);
                        height: r(59px);
                        background-color: $color;
                        font-size: r(30px);
                        color: #FFFFFF;
                        border-radius: r(19px);
                        text-align: center;
                        line-height: r(59px);
                        margin-top: r(67px);
                    }
                }
            }
        }
    }
}